{
	template:`
	<a-page-header title="查看缓存" :subTitle="host.ipport">
		<template #extra>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px'}">
			<a-tabs v-model:activeKey="activeKey" tab-position="left">
				<a-tab-pane key="cacheHost" tab="主机缓存">
					<json-val :json-val="cacheHost" :current-depth="0" :max-depth="2" :last="true"></json-val>
				</a-tab-pane>
				<a-tab-pane key="cacheMap" tab="单key缓存">
					<json-val :json-val="cacheMap" :current-depth="0" :max-depth="2" :last="true"></json-val>
				</a-tab-pane>
				<a-tab-pane key="cacheMap2" tab="双key缓存">
					<json-val :json-val="cacheMap2" :current-depth="0" :max-depth="2" :last="true"></json-val>
				</a-tab-pane>
				<a-tab-pane key="cacheList" tab="列表缓存">
					<json-val :json-val="cacheList" :current-depth="0" :max-depth="2" :last="true"></json-val>
				</a-tab-pane>
			</a-tabs>
		</a-card>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			host:{},
			urlHost:'',
			activeKey:'cacheHost',
			cacheHost:[],
			cacheMap:[],
			cacheMap2:[],
			cacheList:[],
		};
	},
	mounted(){
		this.host=this.param.host;
		if(this.host.ipport!='.'){
			this.urlHost=this.host.ipport.replace('/','').split(":")[0]+":"+this.host.serverPort+"/";
		}
		this.requestData("action/manage/hostInfo/getCacheList",
			{urlHost:this.urlHost},
			function(data){
				if(data.code==0){
					this.host=data.model;
					this.cacheHost=data.cacheHost;
					this.cacheMap=data.cacheMap;
					this.cacheMap2=data.cacheMap2;
					this.cacheList=data.cacheList;
				}
			}.bind(this)
		);
	},
	methods:{
	}
}